@charset "utf-8";
body {font:12px/22px "Microsoft YaHei","\5b8b\4f53",sans-serif;color:#363636;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:"";}
abbr,acronym {border:0; }

/*
a:link, a:visited {text-decoration:none;color:#0068b7;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;color:#06549e;}
*/
  

input,textarea,select,optgroup,option {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input,textarea,select {*font-size:100%;}
ins {text-decoration:none;}
a:focus {outline:none;}
area, a, a img {blr:expression(this.onFocus=this.blur());}
ul.listStyle{ list-style:decimal;}
ul.listStyle_in{ list-style:decimal inside;}
ul.outside{list-style-position:outside;}
/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.center{margin:0 auto;}
.bc {margin-left:auto;margin-right:auto;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.cb {clear:both;}
.cl {clear:left;}
.cr {clear:right;}
.clearfix{*zoom:1;}
.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}
.pr {position:relative;}
.pa {position:absolute;}
.zoom {zoom:1;}
.hidden {visibility:hidden;}
.block {display:block;}
.inline {display:inline;}
.ib{ display: inline-block;}
.none {display:none;}
.hand {cursor:pointer;}
.oh{ overflow:hidden;}
.oe{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nowrap{white-space:nowrap;}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
/*边距*/
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml7{margin-left:7px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr12{margin-right:12px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt7{margin-top:7px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt90{margin-top:90px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pt5{padding-top:5px;}
.pt8{padding-top:8px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

.pt25 {padding-top: 25px;}
.pt35 {padding-top: 35px;}
.pb25 {padding-bottom: 25px;}
.pb50 { padding-bottom: 50px }
.mb20 {margin-bottom: 20px;}


/*字体*/
.font36{color:#363636}
.f10 {font-size:10px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.f26 {font-size:26px;}
.f30 {font-size:30px;}
.f36 {font-size:36px;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.t2 {text-indent:2em;}
.t3 {text-indent:3em;}
.h20{height:20px;}
.lh14 {line-height:14px;}
.lh16 {line-height:16px;}
.lh20 {line-height:20px;}
.lh22 {line-height:22px;}
.lh24 {line-height:24px;}
.lh30 {line-height:30px;}
.lh150 {line-height:150%;}
.lh180 {line-height:180%;}
.lh200 {line-height:200%;}
.unl {text-decoration:underline;}
a.unl {text-decoration:underline;}
.no_unl {text-decoration:none;}
a.no_unl:hover {text-decoration:none;}

/*字体类*/
.fontArial { font-family:Arial,"\5b8b\4f53",sans-serif;}
.fontSong { font-family:"\5b8b\4f53",sans-serif;}
.fontHei { font-family:"\9ed1\4f53","\5b8b\4f53",sans-serif;}
.fontYaHei { font-family:"Microsoft YaHei","\5b8b\4f53",sans-serif;}

/*颜色类*/
.gray1{color:#999;}
.gray2{color:#a0a0a0;}
.gray3{color:#d2d2d2;}
.darkgray1{color:#333;}
/*.darkgray2{color:#999;}*/
.darkgray2{color:#666;}
.red{color:#ff0000;}
.red1{color:#d4593a;}
.green{color:#22ac38;}
.blue{color:#0068b7;}
.white{color:#fff;}
.brown{color:#cfa972;}
a.white:link,a.white:visited{color:#fff;}
a.gray1:link,a.gray1:visited{color:#999;}
a.darkgray1:link,a.darkgray1:visited{color:#333;}
a.darkgray2:link,a.darkgray2:visited{color:#666;}

/*背景类*/
.bgDarkgray { background-color:#535353;}
.bgGray1{ background-color:#f7f7f7;}
.bgWhite{background-color:#fff;}
.bgGray2{background-color:#eee;}
.bgGray3{ background-color:#f8f8f8;}
.bgGray4{ background-color:#e5e5e5;}
.bgGray5{ background-color:#f5f5f5;}
.bgGray6{ background-color:#c5c3c3;}
.bgRed{ background-color:#d4593a;}

/*边框*/
.solid_gray{border:1px solid #ccc;}
.solid_gray1{border:1px solid #eee;}
.solidB_gray{border-bottom:1px solid #d2d2d2;}
.solidB_gray1{border-bottom:1px solid #ccc;}
.dashedB_gray{border-bottom:1px dashed #ccc;}
.solidT_white{border-top:1px solid #fff;}
.dashedT_white{border-top:1px dashed #fff;}
.dashedL_gray{border-left:1px dashed #ccc;}
.solidT_gray1{border-top:1px solid #ccc;}
.solidT_gray2{border-top:1px solid #eee;}
.dashed_gray{border:1px dashed #d4d4d4;}
.dashedB_gray1{border-bottom:1px dashed #d2d2d2;}
.dashedT_gray1{border-top:1px dashed #d2d2d2;}
.solidL_red{border-left:4px solid #d4593a;}
.solidL_red1{border-left:2px solid #d4593a;}

/*宽度*/
.w60{width:60px;}

/*表单text和select公用样式*/
.input_text1{border: 1px solid #ccc;height:30px; line-height:30px; outline: 0 none;padding:0 5px;border-radius:5px;box-shadow:0 2px 3px #dfdfdf inset;}
.input_text1:focus{border-color:#4199c7;}
.input_text2{border: 1px solid #fff;height:48px; line-height:48px; outline: 0 none;border-radius:5px;}
.select_style {border: 1px solid #CBCBCB;height: 30px;line-height: 24px;outline: 0 none;padding: 4px 0;}

/*三角箭头公用样式(triangle-all是所有三角箭头都能用到的样式,tri-top-style,tri-bot-style,.tri-left-style定义了三角的朝向。一个三角箭头中三个样式中triangle-all和朝向的样式中一个，然后最后一个样式定义颜色和位置)*/
/*三角箭头公用样式*/
.triangle-all{ border-width:6px; height:0px; width:0px; position:absolute; overflow:hidden; }
/*三角朝上箭头公用样式*/
.tri-top-style{ border-style:solid!important;border-style:dashed dashed solid dashed;}
/*三角朝下箭头公用样式*/
.tri-bot-style{ border-style:solid!important;border-style:solid dashed dashed dashed;}
/*三角朝左箭头公用样式*/
.tri-left-style{border-style:solid!important;border-style:dashed solid dashed dashed;}

/*按钮*/
.btn_red{height:31px; line-height:31px;border:1px solid #ce482b;background:#e0593c;border-radius:5px;}
a.btn_red:hover{opacity:0.8;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in; }
.btn_blue{background:#00a0e9;height:50px; line-height:50px;border-radius:3px;}
.btn_gray{height:31px; line-height:31px;border:1px solid #dcdcdc;background:#eee;border-radius:5px;}
a.btn_gray:hover{opacity:0.8;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in; }
.btn_gray1{height:34px; line-height:34px;background:#f7f7f7;border-radius:5px;}

/*链接颜色*/
.gray_a a:link,.gray_a a:visited{color:#666;}
.gray1_a a:link,.gray1_a a:visited{color:#999;}

/*内容水平居中公用样式*/
.left_center{left: 50%;position: relative; float:left;}
.right_center{right: 50%;position: relative; float:left;}

/*盒子模型*/
.border_box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

/*百分比宽度*/
.width100{width:100%;}
/*表格*/
.table{display:table;}
.table_cell{display:table-cell;}